<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page language="java" contentType="text/html; charset=utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html lang="zh-Hans">
<head>
<meta charset="utf-8">
<title>JS/jQuery图片查看器viewer.js演示-默认效果_dowebok</title>
<link rel="stylesheet" href="<%=request.getContextPath() %>/global/Plug/jquery/viewer/viewer.min.css">
<style>
* { margin: 0; padding: 0;}
#dowebok { width: 700px; margin: 0 auto; font-size: 0;}
#dowebok li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
</style>
</head>
<body>
<h1>默认效果</h1>
imgId:<c:out value="${param.imgId }"></c:out>
<ul id="ul_showImages">
	<c:choose>
		<c:when test="${not empty  param.imgId}">
			<img id="img"  src="<%=request.getContextPath() %>/upload/downloadFile.do?attachId=${param.imgId }" alt="加载指定图片">
		</c:when>
		<c:otherwise>
			<img id="img"  src="<%=request.getContextPath() %>/admin/main/head.jpg" alt="默认加载失败">
		</c:otherwise>
	</c:choose>
</ul>

<script src="<%=request.getContextPath() %>/global/Plug/jquery/viewer/viewer.min.js"></script>

<script>
	var viewer = new Viewer(document.getElementById('ul_showImages'));
</script>


</body>
</html>